import styled from "styled-components";

export const Container = styled.div`
  margin: 0 auto;
  .headerWrap {
    width: 100%;
    height: 60px;
    background: #fff;
    margin-bottom: 20px;
    line-height: 60px;
    .header {
      width: 1200px;
      margin: 0 auto;
      font-size: 30px;
    }
  }
  .mainWrap {
    
    width: 100%;
    height: 668px;
    .main {
      
      width: 1200px;
      height: 668px;
      margin: 0 auto;
      
      background: #fff;
      .nav {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        border-bottom: 1px solid rgb(232, 232, 232);
      }
      .content {
        padding: 20px;
        font-size: 12px;
        .title {
          margin-bottom: 20px;
          overflow:hidden;
          .top,.top1 {
            width: 80px;
            height: 36px;
            background-color: rgba(28, 144, 243, 1);
            font-size: 14px;
            color: #ffffff;
            border-radius: 3px;
            font-weight: 700;
            line-height: 36px;
            text-align: center;
            float: left;
          }
          .ant-select-selector {
            height: 36px;
          }
          .time,
          .entryNum,
          .allTypes,
          .allWarehousing,
          .allSuppliers {
            float: left;
          }
          .button {
            float: left;
            width: 80px;
            height: 36px;
            background-color: rgba(28, 144, 243, 1);
            font-size: 14px;
            color: #ffffff;
            border-radius: 3px;
            font-weight: 700;
            text-align: center;
            margin-left: 10px;
          }
        }
        .table {
          .ant-table-cell {
            text-align: center;
            padding-left: 0;
            padding-right: 0;
            .editable-cell-value-wrap {
              padding-left: 0;
              padding-right: 0;
            }
          }
        }
      }
    }
  }
`;
